<template>
	<view >
		<view class="a">
			<view class="dui">
				<image class="duigou" src="../../static/duigou.png"></image>
			</view>
			<view class="chenggong">
				<text class="chenggong-text">
					预约成功
				</text>
			</view>
			<uni-card class="saoma"  @click="toGerenruyuan()">
				<image class ="b"src="../../static/saoma.png"></image>
				<view class="c">
					<text class="ruyuan">
						扫码入园
					</text>
				</view>
				<view class="d">
					<text class="fanyi">
						Scan the QR code to enter the park
					</text>
				</view>
				
			</uni-card>
			<view class="yuyue">
				<text class="yuyue-text">
					预约信息
				</text>
			</view>
		</view>
		
			<view class="e">
				<uni-card class="xinxi">
					<text class="xinxi-text">姓名：{{this.name}}</text> <br/>
						<text class="xinxi-text">证件类型：中国居民身份证</text> <br/>
						<text class="xinxi-text">证件号码：{{this.idnum}} </text> <br/> 
						<text class="xinxi-text">手机号码：{{this.phonenum}}</text> <br/>
						<text class="xinxi-text">同行儿童数：<!-- {{this.peoplenum}} -->3人</text> <br/>
						<text class="xinxi-text">同行成人：预约人姓名1、预约人姓名2、预约
						人姓名3、预约人姓名4</text> <br/>
						
						
				</uni-card>
			</view>
		<button class="quxiao"  @click="toindex()"><span class="q">取消预约</span></button>
			
	</view>
</template>

<script >
	export default {
		  data() {
		    return {
		      
			  gid:'',
		    };
		  },onLoad: function (option) { 
				console.log(option.name);
				console.log(option.idnum);
				console.log(option.phonenum);
				console.log(option.peoplenum);
				console.log(option.id);
				
				  this.name = option.name;
				  this.idnum = option.idnum;
				  this.phonenum = option.phonenum;
				  this.peoplenum = option.peoplenum;
				  this.gid = option.id;
				
			},
		  methods: {
		    toindex() {
		      wx.switchTab({
			  		url:'/pages/shouye/shouye'
			  		})
		    },
			toGerenruyuan() {
					 uni.navigateTo({
			  		url:'/pages/gerenruyuan/gerenruyuan'
					// ?name= +this.name+ '&idnum' + this.idnum +'&phonenum=' + this.phonenum
			  		})
				}
			 
			}
		  
		  
		};
	
</script>

<style>		
	.saoma{
		width: 351px;
		height: 60px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.b{
		width: 32px;
		height: 32px;
		background: #8DCB6D;
		margin-top: 5px;
	}
	.ruyuan{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #05261B;
		letter-spacing: 0;
	}
	.c{
		margin-left: 40px;
		margin-top: -45px;
	}
	.fanyi{
		width: 200px;
		height: 17px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 12px;
		color: #5F5F5F;
		letter-spacing: 0;
	}
	.d{
		margin-left: 40px;
	}
	.yuyue-text{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
	}
	.yuyue{
		margin-left:13px ;
	}
	.xinxi{
		width: 351px;
		height: 302px;
		background: #FFFFFF;
		border-radius: 12px;
	}
	.xinxi-text{
		width: 319px;
		height: 286px;
		font-family: PingFangSC-Regular;
		font-weight: 400;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
		line-height: 40px;
	}
	.duigou{
		width: 53.33px;
		height: 53.33px;
		background: #8DCB6D;
		display: flex;
		align-items: center;
		justify-items: center;
	}
	.dui{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 22px;
	}
	.chenggong-text{
		width: 60px;
		height: 21px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 15px;
		color: #000000;
		letter-spacing: 0;
	}
	.chenggong{
		margin-left: 170px;
	}
	.quxiao{
		width: 351px;
		height: 45px;
		background: #8DCB6D;
		border-radius: 25px;
	}
	.q{
		width: 68px;
		height: 24px;
		font-family: PingFangSC-Medium;
		font-weight: 500;
		font-size: 17px;
		color: #FFFFFF;
		letter-spacing: 0;
	}
</style>